@charset "utf-8";
@import "utils";
/*@import "reset";*/
/*@import "common";*/
.clear {
    clear: both;
}
 
.recommended_web {
   @include web;
    //头部引入
    section {
        @include midContent;
        >ul {
            border-bottom: 1px solid #b9bab9;
            white-space: nowrap;
            padding-top: r(29);
            li {
                display: inline-block;
                font-size: r(24+8);
                height: r(70);
                line-height: r(70);
                margin: 0 r(28);
                width: r(150);
                padding-left: r(10);
                text-align: center;
            }
            >hr {
                height: r(5);
                margin: 0;
                position: absolute;
                transition: all .3s;
                top: r(95);
            }
        }
        //二级菜单
        .list {
            width: 100%;
            margin: r(24) 0;
            margin-top: r(54);
            ul {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                position: relative;
                li {
                    width: 100%;
                    position: relative;
                    top: 0;
                    left: 0;
                    display: none;
                    p {
                        display: inline-block;
                        height: r(66);
                        line-height: r(66);
                        padding: 0 r(16);
                        background-color: #f9ebe7;
                        font-size: r(20+8);
                        margin-right: r(10);
                    }
                    .mod {
                        width: 100%;
                        height: r(327);
                        position: relative;
                        overflow: hidden;
                        border-radius: r(10);
                        img {
                            width: 100%;
                            @include abCenter;
                        }
                    }
                    >h3 {
                        font-size: r(28+8);
                        color: #e39d88;
                        text-align: center;
                        margin-top: r(20);
                    }
                    >ul {
                        width: 100%;
                        white-space: nowrap;
                        font-size: 0;
                        >li {
                            width: r(220);
                            margin-right: r(21);
                            position: relative;
                            display: inline-block;
                            overflow: hidden;
                            >img {
                                width: 100%;
                                @include abCenter;
                            }
                            &:nth-child(3n) {
                                margin-right: 0;
                            }
                        }
                        .pciHeight {
                            height: r(219);
                            margin-top: r(45);
                        }
                        .pciHeight_1 {
                            height: r(119);
                            margin-top: r(38);
                        }
                    }
                    .line {
                        width: r(82);
                        height: r(6);
                        background-color: #f7a181;
                        margin: 0 auto;
                        margin-top: r(72);
                    }
                }
                li.hierarchy {
                    display: block;
                }
            }
        }
    }
}